<% if(session.getAttribute("email") != null)
    	response.sendRedirect("SignOut.jsp");
	else {
		
%>

<%@ include file="header.jsp" %>

<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
		<title>Sign-Up</title>
		<script>
  			$(document).ready(function(){
    			$("#signUp").validate();
 			 });
 		</script>
	</head>
	<body>
		<div id="page-title">Sign Up For VLMS</div>
		<br>
		<% if(session.getAttribute("alert") != null) { %>
    				<div id="alert" style="color:#FF0000"><%=session.getAttribute("alert")%></div><br><br>
    				<%session.setAttribute("alert", "");%>
    	<%	} %>
		<form class="cmxform" id="signUp" method="post" action="SignUp">
			<fieldset>
   				<legend>Sign Up For A New Account</legend>
   				<p>
     				<label for="cfirstname">First Name</label>
     				<em>*</em><input id="cfirstname" name="first_name" size="25" class="required" />
   				</p>
   				<p>
     				<label for="clastname">Last Name</label>
     				<em>*</em><input id="clastname" name="last_name" size="25" class="required" />
   				</p>
   				<p>
     				<label for="clastname">Address</label>
     				<em>*</em><input id="caddress" name="address" size="50" class="required" />
   				</p>
   				<p>
     				<label for="clastname">City</label>
     				<em>*</em><input id="ccity" name="city" size="25" class="required" />
   				</p>
   				<p>
     				<label for="clastname">State</label>
     				<em>*</em><input id="cstate" name="state" size="25" class="required" />
   				</p>
   				<p>
     				<label for="clastname">Zip</label>
     				<em>*</em><input id="czip" name="zip" size="25" class="required number" />
   				</p>
				<p>
     				<label for="cemail">Email Address</label>
     				<em>*</em><input id="cemail" name="email" size="25" class="required email" />
   				</p>
   				<p>
     				<label for="cpassword">Password</label>
     				<em>*</em><input id="cpassword" name="password" type="password" size="25" class="required password" />
   				</p>
   				
   				<p>
   					<label for="cmemtype">Membership Type</label>
   					<em>*</em><select name="type">
								<option value="simple" selected="selected">Simple</option>
								<option value="premium">Premium</option>
							</select>
   				</p>
   				<p>
     				<input class="submit" type="submit" value="Submit"/>
   				</p>
  
   			</fieldset>
		</form>
	</body>
</html>

<% } %>